<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/4/11 0011
  Time: 10:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>MyVue</title>
    <link rel="stylesheet" href="styles/demo.css">
</head>
<body>
<div id="app">
 <myfirst></myfirst>
<higirl></higirl>
</div>
<template id="higirl">
    <div>
        <h1>Hi 梁晟的爱宠 杨幂</h1>
    </div>
</template>
<script src="js/vue.js"></script>
<script>
    var myfirst=Vue.extend({
        template:'<div>This is my first girl!</div>'
    })



    Vue.component('higirl',{
        template:'#higirl'
    })
    new Vue(
        {
            el:"#app",

        }
    )
</script>
</body>
</html>
